// components/Select/SelectPicker.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    data: Array,
    value: {
      type: Number,
      observer: function (newData, oldData) {
        const { data } = this.data;
        for(let i = 0; i < data.length; i++){
          if (data[i].id == newData){
            this.setData({ index: i })
          }
        }
      }
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    onChange: function(e){
      const index = e.detail.value;
      this.setData({index})
      let myEventOption = {
        bubbles: false,//事件是否冒泡
        composed: false,//事件是否可以穿越组件边界
        capturePhase: false //事件是否拥有捕获阶段
      } // 触发事件的选项
      this.triggerEvent('change', { ...this.properties.data[index]}, myEventOption)
    },
  }
})
